<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/item.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <!-- 第一部分 -->
    <div class="header">
        <div class="con w">
            <div id="home">
                <span class="iconfont iconziyuan26"></span>
                <a href="#">京东首页</a>
            </div>
            <div id="map">
                <span class="iconfont iconicon-test"></span>
                <a href="#">广东</a>
            </div>
            <div id="map1">
                <div>
                    <p></p>
                    <ul></ul>
                </div>
                <div>
                    <p></p>
                    <ul></ul>
                </div>
                <div>
                    <p></p>
                    <ul></ul>
                </div>
            </div>
            <ul id="fr">
                <li>
                    <a href="#">用户名
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">我的京东
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">京东会员</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">企业采购</a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">客户服务
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">网站导航
                        <span class="iconfont iconjiantou"></span>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="#">手机京东</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 第二部分 搜索 -->
    <div class="search w">
        <div class="logo">
            <a href="">
                <img src="../image_login/7.png" alt="">
            </a>
            <div class="produce">
                <div class="small">
                    <a href="">全部分类</a>
                    <span class="iconfont iconjiantou jt1"></span>
                    <span class="iconfont iconjiantoushang jt2"></span>
                </div>
            </div>
        </div>
        <div class="iptSer">
            <input type="text" placeholder="奶粉">
            <button>搜全站</button>
            <button>搜本店</button>
            <ul>
                <li>
                    <a href="">坚果蜜饯</a>
                </li>
                <li>
                    <a href="">饼干蛋糕</a>
                </li>
                <li>
                    <a href="">肉干肉脯</a>
                </li>
                <li>
                    <a href="">糖果巧克力</a>
                </li>
                <li>
                    <a href="">宝宝用品</a>
                </li>
            </ul>
        </div>
        <div class="icon">
            我的购物车
            <span class="iconfont icongouwuche"></span>
            <span class="iconfont iconjiantou1"></span>
            <span>0</span>
        </div>
    </div>
    <!-- 背景图 -->
    <div class="img">
        <img src="../image_login/8.jpg" alt="">
    </div>
    <!-- 第三部分 商品栏导航 -->
    <div class="shops">
        <div class="shopCon w">
            <ul>
                <li>
                    <a href="">首页</a>
                </li>
                <li>
                    <a href="">所有产品</a>
                </li>
                <li>
                    <a href="">绿箭</a>
                </li>
                <li>
                    <a href="">益达</a>
                </li>
                <li>
                    <a href="">彩虹糖</a>
                </li>
                <li>
                    <a href="">真知棒</a>
                </li>
                <li>
                    <a href="">瑞士糖</a>
                </li>
                <li>
                    <a href="">5口香糖</a>
                </li>
                <div class="shopSer">
                    <input type="text" placeholder="口香糖">
                    <button>搜索</button>
                </div>
            </ul>
        </div>
    </div>
    <!-- 第五部分 商品展示 放大镜部分 -->
    <div class="show w">
        <div class="showImg">
            <img src="../image_login/9.jpg" alt="">
            <div class="bigImg">
                <img src="../image_login/10.jpg" alt="">
            </div>
            <div class="hide">
            </div>
        </div>
        <div class="proMe">
            <p class="title">
                休闲零食
            </p>
            <div id="ms">
                <span class="iconfont iconlightning"></span>
                <i>京东秒杀</i>
                <div class="time">
                    距离结束
                    <span></span> :
                    <span></span> :
                    <span></span>
                </div>
            </div>
            <p class="price">秒杀价：111</p>
            <div id="btns">
                <div class="btn">
                    <input type="text" class="num" value="1">
                    <button class="add">+</button>
                    <button class="reduce">-</button>
                </div>
                <a href="javascript:;" id="addKey">加入购物车</a>
            </div>
        </div>
    </div>
    <!-- 最后一部分 -->
    <div class="foot">
        <h3>售后保障</h3>
        <div class="tool">
            <dt>
                <span class="iconfont icondunpai"></span>厂家服务</dt>
            <dd>本产品全国联保，享受三包服务，质保期为：无质保</dd>
            <dt>
                <span class="iconfont icondunpai"></span>京东承诺</dt>
            <dd>京东平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！ 注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
            </dd>
            <dt>
                <span class="iconfont icondunpai"></span>正品行货</dt>
            <dd>京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。</dd>
            <dt>
                <span class="iconfont icondunpai"></span>无忧退货</dt>
            <dd>客户购买京东自营商品7日内（含7日，自客户收到商品之日起计算），在保证商品完好的前提下，可无理由退货。（部分商品除外，详情请见各商品细则）</dd>
            <dt>权利声明：</dt>
            <dd>京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。 注：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
            </dd>
            <dt>价格说明：</dt>
            <dd>京东价：京东价为商品的销售价，是您最终决定是否购买商品的依据。 划线价：商品展示的划横线价格为参考价，并非原价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。
                折扣：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。 异常问题：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。

            </dd>
        </div>

    </div>
</body>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/public_JQ.js"></script>
<script src="../js/item_jQuery.js"></script>

</html>